<!DOCTYPE html>
<html>
<head>
	  <meta charset="utf-8">
	  <title>电商网站</title>
	  
    <link href="style/模板.css" rel="stylesheet" type="text/css">
    <link href="style/main.css" rel="stylesheet" type="text/css">
</head>
	<body>
		<div class="headerbar">
			<div class="topbar">
				<div class="comwidth">
					<div class="leftarea">  
						<a href="#" class="collection">收藏慕课 </a>
					</div>
					<div class="rightarea">
						<p>欢迎来到慕课网！<a href="#登录页.html">[登录]</a><a href="注册页.html">[免费注册]</a></p>
					</div>
				</div>
			</div>	
			<div class="logobar">
				<div class="comwidth">
					<div class="logo fl">
						<a href="#"><img src="images/logo.jpg" alt="慕课网"></a>
					</div>
					<div class="search_box fl">
						<input type="text" class="search_text fl">
						<input type="button" value="搜 索" class="search_btn fl">
					</div>
					<div class="shopcar fr">
						<span class="shoptext fl">购物车</span>
						<span class="shopnum fl">0</span>
					</div>
				</div>
			</div>
			<div class="navbox">
				<div class="comwidth">
					<div class="shopclass fl">
						<h3>全部商品分类<i></i></h3>
						<!-- -->
						<div class="sc_show">
							<dl class="sc_items">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
							<dl class="sc_items sc_active">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
							<dl class="sc_items">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
							<dl class="sc_items">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
							<dl class="sc_items">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
						</div>
						<div class="sc_list hide">
							<div class="sc_cont">
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>组装配件</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>

									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<div class="shoplist_links">
									<a href="#">电脑整机频道<span></span></a>
									<a href="#">硬件/外设频道<span></span></a>
	
								</div>
							</div>
						</div>
					</div>
						
					<ul class="nav">
						<li><a href="#" class="active">数码城</a></li>
						<li><a href="#">天黑黑</a></li>
						<li><a href="#">团购</a></li>
						<li><a href="#">发现</a></li>
						<li><a href="#">二手特卖</a></li>
						<li><a href="#">名品会</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="banner comwidth clearfix">
			<div class="banner_bar banner_big">
				<ul class="imagesbox">
					<li>
					<a href="#"><img src="images/banner/biao.jpg" alt="biao"></a>
					</li>
					<li>
					<a href="#"><img src="images/banner/biao.jpg" alt="biao"></a>
					</li>

				</ul>
				<div class="imgnum">
					<a href="" class="active"></a>		
					<a href=""></a>
					<a href=""></a>	
					<a href=""></a>		
				</div>
			</div>
		</div>	
		<div class="shoptit comwidth">
			<span class="icon"></span><h3>家用电脑</h3>
			<a href="#" class="more">更多&gt&gt</a>
		</div>
		<div class="shoplist comwidth clearfix">
			<div class="leftarea">
				<div class="banner_bar banner_sm">
					<ul class="imagesbox">
						<li><a href=""><img src="images/banner/shouji.jpg" alt="shouji"></a></li>
						<li><a href=""><img src="images/banner/shouji.jpg" alt="shouji"></a></li>
					</ul>
					<div class="imgnum">
						<a href="" class="active"></a>		
						<a href=""></a>
						<a href=""></a>	
						<a href=""></a>		
					</div>
				</div>
			</div>
			<div class="rightarea">
				<div class="shoplist_top clearfix"> 
					<div class="shop_item fl">
						<div class="shop_img ">
							<a href="#"><img src="images/shopimg.jpg" alt="shouji"></a>
						</div>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>

					</div>
					<div class="shop_item fl">
						<div class="shop_img">
							<a href="#"><img src="images/shopimg.jpg" alt="shouji"></a>
						</div>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>

					</div>
					<div class="shop_item fl">
						<div class="shop_img">
							<a href="#"><img src="images/shopimg.jpg" alt="shouji"></a>
						</div>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>

					</div>
					<div class="shop_item fl">
						<div class="shop_img">
							<a href="#"><img src="images/shopimg.jpg" alt="shouji"></a>
						</div>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>

					</div>
				</div>
				<div class="shoplist_sm clearfix">
					<div class="shopitem_sm">
						<div class="shopitem_smimg">
							<a href="#"><img src="images/sm-1.jpg" alt=""></a>
						</div>
						<div class="shopitem_text">
							<p>NFC技术一碰轻松配对！接触屏幕</p>
							<h3>￥149.00</h3>
						</div>
					</div>
					<div class="shopitem_sm">
						<div class="shopitem_smimg">
							<a href="#"><img src="images/sm-1.jpg" alt=""></a>
						</div>
						<div class="shopitem_text">
							<p>NFC技术一碰轻松配对！接触屏幕</p>
							<h3>￥149.00</h3>
						</div>
					</div>
					<div class="shopitem_sm">
						<div class="shopitem_smimg">
							<a href="#"><img src="images/sm-1.jpg" alt=""></a>
						</div>
						<div class="shopitem_text">
							<p>NFC技术一碰轻松配对！接触屏幕</p>
							<h3>￥149.00</h3>
						</div>
					</div>
					<div class="shopitem_sm">
						<div class="shopitem_smimg">
							<a href="#"><img src="images/sm-1.jpg" alt=""></a>
						</div>
						<div class="shopitem_text">
							<p>NFC技术一碰轻松配对！接触屏幕</p>
							<h3>￥149.00</h3>
						</div>
					</div>
				</div>
			</div>




		</div>
		<div class="shoptit comwidth">
			<span class="icon"></span><h3>食品酒水</h3>
			<a href="#" class="more">更多&gt&gt</a>
		</div>
		<div class="shoplist comwidth clearfix">
			<div class="leftarea">
				<div class="banner_bar banner_sm">
					<ul class="imagesbox">
						<li><a href=""><img src="images/banner/lingshi.jpg" alt="lingshi"></a></li>
						<li><a href=""><img src="images/banner/lingshi.jpg" alt="lingshi"></a></li>
					</ul>
					<div class="imgnum lingshinone">
						<a href="" class="active"></a>		
						<a href=""></a>
						<a href=""></a>	
						<a href=""></a>		
					</div>
				</div>
			</div>
			<div class="rightarea">
				<div class="shoplist_top clearfix"> 
					<div class="shop_item fl">
						<div class="shop_img ">
							<a href="#"><img src="images/lingshiimg.jpg" alt="lingshiimg"></a>
						</div>
						<h3>三月美食狂想购</h3>
						<p>50元</p>


					</div>
					<div class="shop_item fl">
						<div class="shop_img">
							<a href="#"><img src="images/lingshiimg.jpg" alt="lingshiimg"></a>
						</div>
						<h3>三月美食狂想购</h3>
						<p>50元</p>


					</div>
					<div class="shop_item fl">
						<div class="shop_img">
							<a href="#"><img src="images/lingshiimg.jpg" alt="lingshiimg"></a>
						</div>
						<h3>三月美食狂想购</h3>
						<p>50元</p>


					</div>
					<div class="shop_item fl">
						<div class="shop_img">
							<a href="#"><img src="images/lingshiimg.jpg" alt="lingshiimg"></a>
						</div>
						<h3>三月美食狂想购</h3>
						<p>50元</p>

					</div>
				</div>
				<div class="shoplist_sm clearfix">
					<div class="shopitem_sm">
						<div class="shopitem_smimg asm-2">
							<a href="#"><img src="images/sm-2.jpg" alt=""></a>
						</div>
						<div class="shopitem_text">
							<p>康比特 维他保咀嚼片 60片</p>
							<h3>￥600.00</h3>
						</div>
					</div>
					<div class="shopitem_sm">
						<div class="shopitem_smimg asm-2">
							<a href="#"><img src="images/sm-2.jpg" alt=""></a>
						</div>
						<div class="shopitem_text">
							<p>康比特 维他保咀嚼片 60片</p>
							<h3>￥600.00</h3>
						</div>
					</div>
					<div class="shopitem_sm">
						<div class="shopitem_smimg asm-2">
							<a href="#"><img src="images/sm-2.jpg" alt=""></a>
						</div>
						<div class="shopitem_text">
							<p>康比特 维他保咀嚼片 60片</p>
							<h3>￥600.00</h3>
						</div>
					</div>
					<div class="shopitem_sm">
						<div class="shopitem_smimg asm-2">
							<a href="#"><img src="images/sm-2.jpg" alt=""></a>
						</div>
						<div class="shopitem_text">
							<p>康比特 维他保咀嚼片 60片</p>
							<h3>￥600.00</h3>
						</div>
					</div>
				</div>
			</div>




		</div>
		<div class="footer">
			<p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i> <a href="#">招纳贤士</a><i>|</i> <a href="#">联系我们</a><i>|</i>客服热线：400-675-1234</p>
			<p>Copyright © 2006 - 2014 慕课版权所有 &nbsp&nbsp京ICP备09037834号 &nbsp&nbsp京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123</p>
			<p><a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			<a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			<a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			<a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			</p>

		</div>	
	</body>
</html>